@charset "UTF-8";
/*font*/
/* @import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css); */
/* Noto Sans KR (korean) http://www.google.com/fonts/earlyaccess */
/* 구글폰트측에서 IE에 적용되는 웹폰트 경로를 삭제함
해결방안 ->구글측에서 구버전 폰트경로는 삭제했지만 파일은 남겨둔 파일 하기와 같이 링크 함  */
@font-face {
font-family: 'Noto Sans KR';
font-style: normal;
font-weight: 100;
src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
font-family: 'Noto Sans KR';
font-style: normal;
font-weight: 300;
src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
font-family: 'Noto Sans KR';
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
}
@font-face {
font-family: 'Noto Sans KR';
font-style: normal;
font-weight: 500;
src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
}
@font-face {
font-family: 'Noto Sans KR';
font-style: normal;
font-weight: 700;
src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
}
@font-face {
font-family: 'Noto Sans KR';
font-style: normal;
font-weight: 900;
src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
}

/*reset*/
* {margin:0;padding:0; }
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong,
sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details,
figcaption, figure, footer, header, menu, nav, section, summary, time, mark, audio, video {margin:0;padding:0;border:0; font-family: "Noto Sans KR", "맑은 고딕", sans-serif; background: transparent;-webkit-text-size-adjust: none;letter-spacing: -0.025em;word-break: keep-all;}
body {margin:0;padding:0;height: 100%;font-size: 14px;color: #666;line-height: 1.2;}
input, select, textarea,label,fieldset{vertical-align: middle;}
label {vertical-align:middle;}
address, em {font-style:normal;}
i, em, u, cite {font-style:normal}
strong, b, th {font-weight:bold;}
fieldset, img {border:0;}
img {max-width: 100%;width: auto;vertical-align:middle;}
caption, legend, figcaption {position:absolute;overflow:hidden;clip:rect(0,0,0,0);margin:-1px;width:1px;height:1px;font-size:1px;line-height:0;}
ul, ol, dl, dt, dd, li {list-style: none}
h1, h2, h3, h4, h5, h6 {font-size: 100%;}
input, textarea, select { border:0;color: #666;vertical-align: middle;}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display: block;}
a, a:hover{text-decoration: none; color:#252525}
button {cursor: pointer;outline: none;*overflow: visible;margin:0;padding:0;border: none;background-color: transparent;vertical-align: middle;}
button::-moz-focus-inner {margin:0;padding:0;border:0}
button, input[type="submit"], input[type="button"], input[type="reset"] {cursor: pointer;border:0}
table {width: 100%;table-layout: fixed}
th,td {vertical-align: middle;}
table, th, td {border-spacing:0;border-collapse: collapse;*border-collapse: collapse;word-wrap: break-word;}
select {-moz-appearance:none;-webkit-appearance:none;appearance:none;}
select::-ms-expand {display: none;}
textarea {width: 100%;overflow-y: auto;resize: none;}
input {padding:0;margin:0;width: 100%;border: 1px solid #ccc;color: #222;border: none;-webkit-border-radius:0;}
input[disabled] {background: #fff}
input,textarea {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
input[type="number"], input[type="file"] {-webkit-appearance: none;}
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {margin:0;-webkit-appearance: none;}
input[type="text"]::-ms-clear {display: none;}
input[type="radio"] {width:auto;}
input[type="checkbox"] {width:auto;}
input[type="radio"]:disabled + label {color:#666;}
/* input[readonly='readonly'] {background-color: #eee} */
/* placeholder Default color  */
*::-webkit-input-placeholder {color: #888 !important}
*:-moz-placeholder {color: #888 !important}/* FF 4-18 */
*::-moz-placeholder {color: #888 !important}/* FF 19+ */
*:-ms-input-placeholder {color: #888 !important}/* IE 10+ */
/* common.css */
input {font-family:inherit;}
button {font-family:inherit;}

/* skipnav */
.skipnav {position:absolute;z-index: 500;left:0;top:0;width: 100%;}
.skipnav a {display: block;overflow: hidden;width: 1px; height: 1px;margin-bottom:-1px;color: #fff;text-align: center;}
.skipnav a:focus, .skipnav a:active {width: 100%;height: auto;padding: 15px 0;background-color: #132436}
.blind {clip: rect(0,0,0,0);overflow: hidden;display: block;width: 1px;height: 1px;font-size: 1px;line-height: 0;text-indent: -9999em;}

/* layout */
.wrap{position:relative; }
.container_wrap {width:100%;}
.container .con_inner {width: 1152px; margin: 0 auto; text-align: left;}
.container:after {content:"";display:block;clear:both}

/* 커널스 추가*/
.adeditor_header {position:relative;overflow: hidden; width:100%;  z-index: 998; }
.main_visual_wrap {position: relative;overflow: hidden;text-align: center;}
.sub_visual_wrap { position: relative;}
.adeditor_container { position: relative;}
.adeditor_section { position: relative;}
.adeditor_footer {position: relative;background: #e2e2e2;}


/* header */
.header_wrap { position: relative; }
.header_wrap  .header_inner{max-width:1150px;position: relative;  margin:0 auto;}
.header_wrap  .header_inner .header{}
.header_wrap  .header_inner .header:after{content:""; display: block; clear: both;}
.header_wrap  .header_inner .header .logo {float:left; }
.header_wrap  .header_inner .header .logo a{font-size:24px;padding:20px 10px 20px 10px;display:block;}
.header_wrap  .header_inner .header .util {float:right; margin:10px 0 9px 0}
.header_wrap  .header_inner .header .util li { position:relative; display:inline-block; line-height:27px; padding:0 7px;}
.header_wrap  .header_inner .header .util li a{font-size:12px;padding:10px 5px 10px 5px;display:block;}
.header_wrap  .header_inner .header .util li:after{content:""; display: block; position:absolute; top:18px; left:0; width:1px; height:12px; background:#e6e6e6;}
.header_wrap  .header_inner .header .util li:first-child:after { display:none; }

.header_wrap .ad_editor_handler{position: absolute; top: 0px; left: 0; width: 100%; height: 100%;display:none;}

/* gnb */
.gnb_inner { background:#4d4d4d}
.gnb ul{position: relative;max-width:1150px;margin:0 auto;overflow:hidden;display:flex; flex-direction:row;justify-content : center;justify-content : space-between}
.gnb li{position: relative;flex:1;text-align: center; overflow:hidden;padding:0;}
.gnb li:after{content: ''; position: absolute; top: 10px; left: 0; width: 1px; height: 20px; background: #e1e1e1;}
.gnb li:first-child:after{display:none}
.gnb li a{display: block;text-align:center;margin:0 auto; font-size: 16px; color:#fff; font-weight: 500;padding:10px 0 10px 0; }
/* */


.sub_container_inner{position: relative;margin:0 auto;}

/* footer */



.footer_left {overflow: hidden; float: left; }
.footer_left > div {float: left;}
.footer_left .f_info {text-align: left;}
.footer_left .f_info ul {overflow: hidden; margin-top: 9px;}
.footer_left .f_info ul li {position: relative; float: left;}
.footer_left .f_info ul li + li{margin-left: 27px;}
.footer_left .f_info ul li + li:before{content: ''; display: block; position: absolute; top: 3.5px; left: -13.5px; width: 1px; height: 15px; background: #5e5e5a;}
.footer_left .f_info ul li a{display: inline-block; color: #cbc8ba; font-size: 14px;}
.footer_left .f_info p{margin-top: 23px; color: #929086; line-height: 20px;}
.footer_left .f_info p:last-child{margin-top: 10px;}
.footer_left .f_info p span + span{margin-left: 16px;}
.footer_left .f_info p span:nth-child(4n){margin-left: 0;}
.footer_right {position: relative; float: right; padding-top: 68px;}
.footer_right .btn_top {position: absolute; top: 0; right: 0;width:51px;height:50px;}

	.service_area .lists{display:block;overflow:hidden;display:flex; flex-direction:row;justify-content : center;justify-content : space-between}
	.service_area .lists li {width:25%;text-align: center;float:left;text-align: center; overflow:hidden;padding:0 }
	.service_area .lists li a {width: 100%;display: block;z-index: 2;}
	.service_area .lists li a strong {font-size: 16px;font-weight: bold;padding-top: 10px;width: 100%;max-width: 140px;border-bottom: 1px solid #3c4049;padding-bottom: 20px;display: inline-block;margin-bottom: 20px;}
	.service_area .lists li a > span {font-size: 15px;line-height: 18px;display: block;}
	.service_area .lists .img {display: block;height: 56px;box-sizing: border-box;padding-bottom: 10px;}
	.service_area .lists .item01 img {height: 38px;padding-top: 4px;}
	.service_area .lists .item02 img {height: 37px;padding-top: 4px;}
	.service_area .lists .item03 img {height: 39px;padding-top: 4px;}
	.service_area .lists .item04 img {height: 47px;margin-top: -4px;}
	.service_area .lists .item05 img {height: 30px;padding-top: 4px;}
	.service_area .service_btn{margin:0 auto;padding:10px 20px 10px 20px;margin:50px auto 80px;display:inline-block;font-size:14px;text-align:center;border:1px solid #222;border-radius: 20px;}
	


    


@media screen and (min-width: 320px) and (max-width:720px){
	.gnb_inner{ background:#4d4d4d} 
	.header_wrap  .header_inner .header .util{display:none;}
	.gnb_inner{display:none;}
		/* 지도 */
	.main_visual_wrap .main_visual_inner {position: relative;max-width:100%;margin:0 auto;text-align:center; }
	.main_visual_wrap .main_visual_inner .visual_tit{padding:30px 0 20px 0;font-size:20px;color:#fff;text-align:center;}
	.main_visual_wrap .main_visual_inner .visual_copy{padding:0 0 35px 0;font-size:13px;color:#fff;text-align:center;}
	.main_visual_wrap .main_visual_inner .visual_btn{margin:30px auto;padding:10px 15px 10px 15px;color:#fff;font-size:13px;text-align:center;border:1px solid #fff;border-radius: 20px;}
	.service_area .lists{display:block;overflow:hidden;}
	.service_area .lists li {width:50%;text-align: center;float:left;text-align: center; overflow:hidden;padding:0 }
	.service_area .lists li a {width: 100%;display: block;z-index: 2;}
	.service_area .lists li a strong {font-size: 16px;font-weight: bold;padding-top: 10px;width: 100%;max-width: 140px;border-bottom: 1px solid #3c4049;padding-bottom: 20px;display: inline-block;margin-bottom: 20px;}
	.service_area .lists li a > span {font-size: 15px;line-height: 18px;display: block;}
	.service_area .lists .img {display: block;height: 56px;box-sizing: border-box;padding-bottom: 10px;}
	.service_area .lists .item01 img {height: 38px;padding-top: 4px;}
	.service_area .lists .item02 img {height: 37px;padding-top: 4px;}
	.service_area .lists .item03 img {height: 39px;padding-top: 4px;}
	.service_area .lists .item04 img {height: 47px;margin-top: -4px;}
	.service_area .lists .item05 img {height: 30px;padding-top: 4px;}
	.service_area .service_btn{margin:0 auto;padding:10px 20px 10px 20px;margin:50px auto 80px;display:inline-block;font-size:14px;text-align:center;border:1px solid #222;border-radius: 20px;}
	
	.cont_inner {width: 100%; margin: 0 auto}
	.sub04_wrap {width:100%;margin:0px auto 30px;}
	.sub04_wrap .sub04_tit{font-size:28px; color:#000;}
	.sub04_wrap .sub04_com{font-size:18px; color:#666;}
	.sub04_wrap .sub04_img{margin-top:30px;}
	figure{width:100% !important;}
}
@media screen and (min-width: 720px){
	.gnb_inner{ background:#4d4d4d} 
	.header_wrap  .header_inner .header .util{display:none;}
		/* 지도 */
	.main_visual_wrap { position: relative; top: 0; height:530px; overflow:hidden; text-align:center; }
	.main_visual_wrap .main_visual_inner {position: relative;max-width:100%;margin:0 auto; }
	.main_visual_wrap .main_visual_inner .visual_tit{padding:190px 0 20px 0;font-size:43px;color:#fff;text-align:center;}
	.main_visual_wrap .main_visual_inner .visual_copy{padding:0 0 35px 0;font-size:21px;color:#fff;text-align:center;}
	.main_visual_wrap .main_visual_inner .visual_btn{margin:30px auto;padding:10px 15px 10px 15px;color:#fff;font-size:14px;text-align:center;border:1px solid #fff;border-radius: 20px;}
	
	.service_area .lists{display:block;overflow:hidden;}
	.service_area .lists li {width:50%;text-align: center;float:left;text-align: center; overflow:hidden;padding:0 }
	.service_area .lists li a {width: 100%;display: block;z-index: 2;}
	.service_area .lists li a strong {font-size: 16px;font-weight: bold;padding-top: 10px;width: 100%;max-width: 140px;border-bottom: 1px solid #3c4049;padding-bottom: 20px;display: inline-block;margin-bottom: 20px;}
	.service_area .lists li a > span {font-size: 15px;line-height: 18px;display: block;}
	.service_area .lists .img {display: block;height: 56px;box-sizing: border-box;padding-bottom: 10px;}
	.service_area .lists .item01 img {height: 38px;padding-top: 4px;}
	.service_area .lists .item02 img {height: 37px;padding-top: 4px;}
	.service_area .lists .item03 img {height: 39px;padding-top: 4px;}
	.service_area .lists .item04 img {height: 47px;margin-top: -4px;}
	.service_area .lists .item05 img {height: 30px;padding-top: 4px;}
	.service_area .service_btn{margin:0 auto;padding:10px 20px 10px 20px;margin:50px auto 80px;display:inline-block;font-size:14px;text-align:center;border:1px solid #222;border-radius: 20px;}

	.cont_inner {width: 100%; margin: 0 auto}
	.sub04_wrap {width:100%;margin:0px auto 30px;}
	.sub04_wrap .sub04_tit{font-size:28px; color:#000;}
	.sub04_wrap .sub04_com{font-size:18px; color:#666;}
	.sub04_wrap .sub04_img{margin-top:30px;}
	figure{width:100% !important;}
}	
@media screen and (min-width: 1025px){
	.gnb_inner{ background:#4d4d4d} 
	.header_wrap  .header_inner .header .util{display:block;
	}
	.main_visual_wrap { position: relative; top: 0; height:530px; overflow:hidden; text-align:center; }
	.main_visual_wrap .main_visual_inner {position: relative;max-width:1150px;margin:0 auto; }
	.main_visual_wrap .main_visual_inner .visual_tit{padding:190px 0 20px 0;font-size:43px;color:#fff;text-align:center;}
	.main_visual_wrap .main_visual_inner .visual_copy{padding:0 0 35px 0;font-size:21px;color:#fff;text-align:center;}
	.main_visual_wrap .main_visual_inner .visual_btn{margin:30px auto;padding:10px 15px 10px 15px;color:#fff;font-size:14px;text-align:center;border:1px solid #fff;border-radius: 20px;}

	.service_area .lists{display:block;overflow:hidden;display:flex; flex-direction:row;justify-content : center;justify-content : space-between}
	.service_area .lists li {width:25%;text-align: center;float:left;text-align: center; overflow:hidden;padding:0 }
	.service_area .lists li a {width: 100%;display: block;z-index: 2;}
	.service_area .lists li a strong {font-size: 16px;font-weight: bold;padding-top: 10px;width: 100%;max-width: 140px;border-bottom: 1px solid #3c4049;padding-bottom: 20px;display: inline-block;margin-bottom: 20px;}
	.service_area .lists li a > span {font-size: 15px;line-height: 18px;display: block;}
	.service_area .lists .img {display: block;height: 56px;box-sizing: border-box;padding-bottom: 10px;}
	.service_area .lists .item01 img {height: 38px;padding-top: 4px;}
	.service_area .lists .item02 img {height: 37px;padding-top: 4px;}
	.service_area .lists .item03 img {height: 39px;padding-top: 4px;}
	.service_area .lists .item04 img {height: 47px;margin-top: -4px;}
	.service_area .lists .item05 img {height: 30px;padding-top: 4px;}
	.service_area .service_btn{margin:0 auto;padding:10px 20px 10px 20px;margin:50px auto 80px;display:inline-block;font-size:14px;text-align:center;border:1px solid #222;border-radius: 20px;}
			/* 지도 */
	.cont_inner {width: 1200px; margin: 0 auto}
	.sub04_wrap {width:100%;margin:0px auto 30px;}
	.sub04_wrap .sub04_tit{font-size:28px; color:#000;}
	.sub04_wrap .sub04_com{font-size:18px; color:#666;}
	.sub04_wrap .sub04_img{margin-top:30px;}
}